<!DOCTYPE html>
<html>
<head>
    @include("/include/_header.html", {'title':'测试背景'}){}
    <meta charset="utf-8">
    <title>全端复杂组合</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="${ctxPath}/baotou-steel/craneWork/css/checkIndex.css" media="all">
    <script src="${ctxPath}/externaljs/sockjs/sockjs.min.js"></script>
    <script src="${ctxPath}/externaljs/stompjs/stomp.min.js"></script>
    <script src="${ctxPath}/externaljs/websocket/app-deviceStatus.js"></script>
    <script type="text/javascript">
        connect();
        //订阅任务信息   setTimeout延迟执行一次函数
        setTimeout(function () {
            getAllDeviceStatusInfo();
        }, 1000);


    </script>
</head>
<body>
<div class="layui-row rowMarTop">
    <div class="layui-col-md12">
        <div class="layui-card" >
            <div class="layui-card-header headText">关联PLC状态</div>
            <div class="statusInfoBox">
                <div class="statusInfoLine">
                    <div class="deviceInfo">
                        <span class="itemText">2#天车PLC (IP地址:192.168.12.144) ：</span>
                        <i class="layui-icon layui-icon-circle-dot" style="color: grey " id="crane2PLCIMG"></i>
                        <span style="color: grey;margin-left: 5px" id = "crane2PLC" class="itemText">未连接</span>
                    </div>
                    <div class="deviceInfo">
                        <span class="itemText">4#天车PLC (IP地址:192.168.12.176) ：</span>
                        <i class="layui-icon layui-icon-circle-dot" style="color: grey " id="crane4PLCIMG"></i>
                        <span style="color: grey;margin-left: 5px" id = "crane4PLC" class="itemText">未连接</span>
                    </div>
                    <div class="deviceInfo">
                        <span class="itemText">11C南DJ3天车PLC (IP地址:192.168.12.128) ：</span>
                        <i class="layui-icon layui-icon-circle-dot" style="color: grey " id="craneDJ3PLCIMG"></i>
                        <span style="color: grey;margin-left: 5px" id = "craneDJ3PLC" class="itemText">未连接</span>
                    </div>

                    <div class="deviceInfo">
                        <span class="itemText">一级No2辊道PLC (IP地址:192.168.16.101) ：</span>
                        <i class="layui-icon layui-icon-circle-dot" style="color: grey " id="rollerNo2PLCIMG"></i>
                        <span style="color: grey;margin-left: 5px" id = "rollerNo2PLC" class="itemText">未连接</span>
                    </div>

                    <div class="deviceInfo">
                        <span class="itemText">一级No4No5辊道PLC (IP地址:192.168.16.112) ：</span>
                        <i class="layui-icon layui-icon-circle-dot" style="color: grey " id="rollerNo45PLCIMG"></i>
                        <span style="color: grey;margin-left: 5px" id = "rollerNo45PLC" class="itemText">未连接</span>
                    </div>

                    <div class="deviceInfo">
                        <span class="itemText">操作台3号4号5号PLC (IP地址:192.168.12.217) ：</span>
                        <i class="layui-icon layui-icon-circle-dot" style="color: grey " id="operateNo345PLCIMG"></i>
                        <span style="color: grey;margin-left: 5px" id = "operateNo345PLC" class="itemText">未连接</span>
                    </div>

                </div>


                <div class="statusInfoLine">
                    <div class="deviceInfo">
                        <span class="itemText">3#天车PLC (IP地址:192.168.12.160) ：</span>
                        <i class="layui-icon layui-icon-circle-dot" style="color: grey " id="crane3PLCIMG"></i>
                        <span style="color: grey;margin-left: 5px" id = "crane3PLC" class="itemText">未连接</span>
                    </div>
                    <div class="deviceInfo">
                        <span class="itemText">5#天车PLC (IP地址:192.168.12.193) ：</span>
                        <i class="layui-icon layui-icon-circle-dot" style="color: grey " id="crane5PLCIMG"></i>
                        <span style="color: grey;margin-left: 5px" id = "crane5PLC" class="itemText">未连接</span>
                    </div>

                    <div class="deviceInfo">
                        <span class="itemText">11C北DJ2天车PLC (IP地址:192.168.12.112) ：</span>
                        <i class="layui-icon layui-icon-circle-dot" style="color: grey " id="craneDJ2PLCIMG"></i>
                        <span style="color: grey;margin-left: 5px" id = "craneDJ2PLC" class="itemText">未连接</span>
                    </div>

                    <div class="deviceInfo">
                        <span class="itemText">一级No3辊道PLC (IP地址:192.168.16.102) ：</span>
                        <i class="layui-icon layui-icon-circle-dot" style="color: grey " id="rollerNo3PLCIMG"></i>
                        <span style="color: grey;margin-left: 5px" id = "rollerNo3PLC" class="itemText">未连接</span>
                    </div>

                    <div class="deviceInfo">
                        <span class="itemText">一级DJ2DJ3辊道PLC (IP地址:192.168.8.156) ：</span>
                        <i class="layui-icon layui-icon-circle-dot" style="color: grey " id="rollerDJPLCIMG"></i>
                        <span style="color: grey;margin-left: 5px" id = "rollerDJPLC" class="itemText">未连接</span>
                    </div>

                    <div class="deviceInfo">
                        <span class="itemText">操作台2号PLC (IP地址:192.168.12.216) ：</span>
                        <i class="layui-icon layui-icon-circle-dot" style="color: grey " id="operateNo2PLCIMG"></i>
                        <span style="color: grey;margin-left: 5px" id = "operateNo2PLC" class="itemText">未连接</span>
                    </div>
                </div>
            </div>

            <div class="layui-card-header headText" style="margin-top: 5rem">关联数据库状态</div>
            <div class="dataInfoBox">
                <div class="statusInfoLine">
                    <div class="deviceInfo">
                        <span class="itemText">一级数据库：</span>
                        <i class="layui-icon layui-icon-circle-dot" style="color: grey " id="upstreamDataSourceIMG"></i>
                        <span style="color: grey;margin-left: 5px" id = "upstreamDataSource" class="itemText">未连接</span>
                    </div>
                </div>

                <div class="statusInfoLine">
                    <div class="deviceInfo">
                        <span class="itemText">薄板上下料系统数据库：</span>
                        <i class="layui-icon layui-icon-circle-dot" style="color: grey " id="dataSourceIMG"></i>
                        <span style="color: grey;margin-left: 5px" id = "dataSource" class="itemText">未连接</span>
                    </div>
                </div>

            </div>

            <div class="layui-card-header headText" style="margin-top: 5rem">关联系统状态</div>
            <div class="statusInfoBox">
                <div class="statusInfoLine">
                    <div class="deviceInfo">
                        <span class="itemText">采数平台系统：</span>
                        <i class="layui-icon layui-icon-circle-dot" style="color: grey " id="dataCollectIMG"></i>
                        <span style="color: grey;margin-left: 5px" id = "dataCollect" class="itemText">未连接</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


</body>
</html>